<?php
@session_start();
include_once '../../Model/M_Rubro.php';
include_once '../../Model/M_SubRubro.php';

$rubro = new M_Rubro();
$listaRubros = $rubro->searchRubro_All();

$subrubro = new M_SubRubro();
$listaSubRubros = $subrubro->searchSubRubro_All();
?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Registrar Producto</title>  
        <link rel="stylesheet" href="../css/jquery-ui.css" />
        <script src="../js/jquery-1.8.2.js"></script>
        <script src="../js/jquery-ui.js"></script>
        <script src="../js/autocompletado.js"></script>  
        <style type="text/css">
            @import "../css/mantenedores.css";
            @import "../css/principal.css";
        </style>
        <style>
            .ui-combobox {
                position: relative;
                display: inline-block;
            }
            .ui-combobox-toggle {
                position: absolute;
                top: 0;
                bottom: 0;
                margin-left: -1px;
                padding: 0;
                /* adjust styles for IE 6/7 */
                /*height: 1.7em;
                top: 0.1em;*/
            }
            .ui-combobox-input {
                height: 15px;
                margin: 0;
                padding: 0.3em;
                width: 130px;
            }
            .ui-autocomplete {
                max-height: 150px;
                overflow-y: auto;
                /* prevent horizontal scrollbar */
                overflow-x: hidden;
            }

            .formpedido_izq{
                float: left;
                min-height: 200px;
                width: 390px;                
                padding: 5px;
                line-height: 30px;
            }
            .formpedido_der{
                float: right;
                min-height: 200px;
                width: 390px;
                
                padding: 5px;
                line-height: 30px;
            }


        </style>  
        <script>
            function check()
            {
                if (document.formulario.nom.value == '')
                {
                    alert("Debe ingresar un nombre. Gracias");
                    document.forms[0].nom.focus();
                    return false;
                }
                var e = document.getElementById("idRubro");
                var id = e.options[e.selectedIndex].value;
                if (id == -1)
                {
                    alert("Debe seleccionar un rubro. Gracias");
                    document.forms[0].idRubro.focus();
                    return false;
                }
            }
        </script>
        <script type="text/javascript">

            /////////////////////////////////////////////////////////////////////////////////////////////////////////////          
            //
            //inicializamos la matriz con todos los datos de sociedad       
            var matriz_sociedad = new Array(<?php echo (count($listaSubRubros)) ?>);
            for (i = 0; i < <?php echo (count($listaSubRubros)) ?>; i++)
            {
                matriz_sociedad[i] = new Array(3);
            }
            //lleno todos los datos de sociedad en la matriz antes creada  
<?php
for ($i = 0; $i < count($listaSubRubros); $i++) {
    echo ('matriz_sociedad[' . $i . '][0] = "' . $listaSubRubros[$i]['id_sub_rubro'] . '";');
    echo ('matriz_sociedad[' . $i . '][1] = "' . $listaSubRubros[$i]['id_rubro'] . '";');
    echo ('matriz_sociedad[' . $i . '][2] = "' . $listaSubRubros[$i]['subrubro'] . '";');
}
?>

            function cambia_sociedad(id_division) {

                var select = document.getElementById("subRubro");

                //borra todos los elementos del select
                select.options.length = 0;
                //llena segun el id de division dado
                for (i = 0; i < <?php echo (count($listaSubRubros)) ?>; i++) {
                    if (matriz_sociedad[i][1] == id_division) {
                        select.options[select.options.length] = new Option(matriz_sociedad[i][2], matriz_sociedad[i][0]);
                    }
                }
            }
        </script> 
    </head>
    <body>

        <div id='lineatitulo'>            
            <label align="center" style="font-weight: bold;">Registrar Productos </label>
        </div>
        <br/> 
        <form name="formulario" method="post" action="../../Controller/C_Producto_I.php" onsubmit="return check();" enctype="multipart/form-data">
            <input type="hidden" name="idPag" value="<? echo($_REQUEST['idPag']); ?>">
            <div id="formularios">
                <div style="margin: auto; width: 800px;">
                    <div class="formpedido_izq">
                        <label>Plato:</label><br/>
                        <input placeholder="INGRESE NOMBRE" style="width: 300px;" type="text" name="nom" />
                        <br/>
                        <label>Rubro:</label><br/>
                        <select name="idRubro" id="idRubro" style="width: 310px;" onchange="cambia_sociedad(this.value)">
                            <option value="-1">Seleccione...</option>
                            <?php
                            for ($i = 0; $i < (count($listaRubros)); $i++) {
                                ?>
                                <option value="<?php echo($listaRubros[$i]['id_rubro']); ?>"><?php echo($listaRubros[$i]['nombre']); ?></option>
                                <?php
                            }
                            ?>
                        </select>
                        <br/>
                        <label>SubRubro:</label><br/>
                        <select name="idSubRubro" id="subRubro" style="width: 310px;" >
                            <option value="">Seleccione...</option>
                        </select>
                        <label>Presentacion: </label><br/>
                            <select name="idSubRubro" id="subRubro" style="width: 310px;" >
                                <option value="">Seleccione...</option>
                            </select>
                            <br>

                    </div>
                    <div class="formpedido_der">
                       <label>Imagen: </label><br/>
                       <input  type="file" name="rutaImagen"><br/>
                       
                       <label>Descripcion: </label><br/>
                       <textarea placeholder="AGREGAR DESCRIPCION" class='campo' style="width: 300px;" maxlength="200" name="des"></textarea><br/>
                    </div>
                    <div style="clear: both;"></div>                    
                </div>
                <br/>
                <center>
                    <input class="button_rojo" onclick="javascript:history.go(-1)" height='30px' type="button" value="Cancelar"/>
                    <input class="botones" type="submit" value="Registrar"/>
                </center>                                               
            </div>
        </form>

    </body>
</html>
